<!--老师上课带着写的-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="/movie/font-awesome.css?v=1.0" type="text/css">
  <link rel="stylesheet" href="/movie/hdmoli-ui.css?v=1.10" type="text/css">
  <link rel="stylesheet" href="/movie/hdmoli-site.css?v=1.3" type="text/css">
  <link rel="stylesheet" href="/movie/layer.css" type="text/css">
  <link rel="stylesheet" href="/movie/hdmoli-color3.css?v=1.1" type="text/css">


  <script type="text/javascript" src="ckplayer/hls.js/hls.min.js"></script>
  <link rel="stylesheet" type="text/css" href="ckplayer/css/ckplayer.css">
  <script type="text/javascript" src="ckplayer/js/ckplayer.js"></script>
</head>
<body>
<!--播放器-->
<div class="video" style="width: 600px;height: 400px; margin: 0 auto">播放器容器</div>
<script>
  var videoObject = {
    container: '.video', //容器的ID或className
    plug:'hls.js'//设置使用hls插件
  };
  var player = new ckplayer(videoObject);//初始化播放器


  function play_init(url){
    videoObject.video = url;
    player = new ckplayer(videoObject);
  }
</script>

<div class="container">
  <div class="row">

    <div class="myui-panel col-pd clearfix">
      <div class="myui-content__thumb">
        <a class="myui-vodlist__thumb img-md-220 img-xs-130 picture" href="/play/1853-1-0.html" title="跃动青春">
          <img class="lazyload" src="https://pic.huishij.com/upload/vod/20230604-1/b4135bf65fd4063a814a963f0ae1c26f.jpg" data-original="https://pic.huishij.com/upload/vod/20230604-1/b4135bf65fd4063a814a963f0ae1c26f.jpg" style="">
          <span class="play hidden-xs"></span>
        </a>
      </div>
      <div class="myui-content__detail">

        <h1 class="title text-fff">跃动青春 <font style="color:#e53935;font-size:15px;">更新至9集</font></h1>

        <div id="rating" class="score" data-id="1853">
          <span class="left text-muted">豆瓣评分：</span>
          <ul class="rating">
            <li title="很差" val="1"><i class="fa fa-star"></i></li>
            <li title="较差" val="2"><i class="fa fa-star"></i></li>
            <li title="还行" val="3"><i class="fa fa-star"></i></li>
            <li title="推荐" val="4"><i class="fa fa-star"></i></li>
            <li title="力荐" val="5"><i class="fa fa-star"></i></li>
          </ul>
          <span class="branch">9.3</span>
        </div>
        <p class="topline"></p>
        <p class="data">
          <span class="text-muted">分类：</span>剧情,喜剧
          <span class="split-line"></span>
          <span class="text-muted hidden-xs">地区：</span>日本
          <span class="split-line"></span>
          <span class="text-muted hidden-xs">年份：</span>2023
          <span class="split-line"></span>
          <span class="text-muted hidden-xs">又名：</span>跳跃和乐福鞋
        </p>
        <p class="data"><span class="text-muted">演员：</span><a href="/search.php?searchword=%E9%BB%91%E6%B3%BD%E6%9C%8B%E4%B8%96">黑泽朋世</a>&nbsp;&nbsp;<a href="/search.php?searchword=%E6%B1%9F%E8%B6%8A%E5%BD%AC%E7%BA%AA">江越彬纪</a>&nbsp;&nbsp;<a href="/search.php?searchword=%E5%86%85%E7%94%B0%E7%9C%9F%E7%A4%BC">内田真礼</a>&nbsp;&nbsp;<a href="/search.php?searchword=%E5%AF%BA%E5%B4%8E%E8%A3%95%E9%A6%99">寺崎裕香</a>&nbsp;&nbsp;<a href="/search.php?searchword=%E6%BD%98%E6%83%A0%E7%BE%8E">潘惠美</a>&nbsp;&nbsp;&nbsp;</p>
        <p class="data"><span class="text-muted">导演：</span>出合小都美&nbsp;</p>
        <p class="data hidden-sm hidden-xs"><span class="text-muted">更新：</span>2023-06-02 23:54
          <span class="split-line"></span>
          <span class="text-muted hidden-xs">更新周期：</span>周日</p>
        <p class="data"><span class="text-muted">短评：</span>######</p>
        <p class="data hidden-xs"><span class="text-muted">解说：</span>
          <a rel="nofollow" href="https://douyin.com/search/跃动青春" target="_blank" title="到抖音搜索解说内容"><img src="https://lf1-cdn-tos.bytegoofy.com/goofy/ies/douyin/search/public/favicon.ico" style="width:16px; height:16px"></a><span class="split-line"></span><a rel="nofollow" href="https://kuaishou.com/search/video?searchKey=跃动青春" target="_blank" title="到快手搜索解说内容"><img src="https://static.yximgs.com/udata/pkg/WEB-LIVE/kwai_icon.8f6787d8.ico" style="width:16px; height:16px"></a><span class="split-line"></span><a rel="nofollow" href="https://ixigua.com/search/跃动青春" target="_blank" title="到西瓜视频搜索解说内容"><img src="https://sf1-cdn-tos.douyinstatic.com/obj/eden-cn/lpqpflo/ixigua_favicon.ico" style="width:16px; height:16px"></a><span class="split-line"></span><a rel="nofollow" href="https://search.bilibili.com/all?keyword=跃动青春" target="_blank" title="到哔哩哔哩搜索解说内容"><img src="https://www.bilibili.com/favicon.ico" style="width:16px; height:16px"></a><span class="split-line"></span><a rel="nofollow" href="https://s.weibo.com/weibo?q=跃动青春" target="_blank" title="到微博搜索相关话题"><img src="https://weibo.com/favicon.ico" style="width:16px; height:16px"></a><span class="split-line"></span><a rel="nofollow" href="https://search.douban.com/movie/subject_search?search_text=跃动青春" target="_blank" title="到豆瓣搜索相关影评"><img src="https://img3.doubanio.com/favicon.ico" style="width:16px; height:16px"></a><span class="split-line"></span><a rel="nofollow" href="https://wx.sogou.com/weixin?type=2&amp;query=跃动青春" target="_blank" title="到公众号搜索相关文章"><img src="https://res.wx.qq.com/a/wx_fed/assets/res/NTI4MWU5.ico" style="width:16px; height:16px"></a><span class="split-line"></span><a rel="nofollow" href="https://tieba.baidu.com/f/search/res?ie=utf-8&amp;qw=跃动青春" target="_blank" title="到贴吧搜索相关帖子"><img src="https://www.baidu.com/favicon.ico" style="width:16px; height:16px"></a></p>
        <p class="desc text-collapse hidden-xs">
          <span class="left text-muted">简介：</span>
          从人口稀少的乡下到东京读书的女高中生，曾有完美的人生规划的她在第一天就遭到严重挑战。大城市就连学校里的人际关系交往都很复杂，城里人的套路真深啊！正当她摸不着头脑的时候，同是新高一的随性帅哥向她搭了话。
        </p>
        <div class="operate clearfix">
          <div class="bdshare bdsharebuttonbox pull-right hidden-sm hidden-xs"></div>
          <a class="btn btn-lg btn-warm" href="/play/1853-1-0.html">立即播放</a>

        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="padding-0">
      <div class="myui-panel myui-panel-bg clearfix">
        <div class="myui-panel-box clearfix">
          <div class="hy-layout clearfix" style="text-align: center;">

          </div>
          <div class="myui-panel_hd">
            <div class="myui-panel__head active bottom-line clearfix">
              <a class="more sort-button pull-right" href="javascript:;"><i class="fa fa-sort-amount-asc"></i> 排序</a>
              <h3 class="title">
                播放地址
              </h3>
              <ul class="nav nav-tabs active">
                <li class="active"><a href="#playlist2" data-toggle="tab">线路1</a></li>
              </ul>
            </div>
          </div>
          <div class="tab-content myui-panel_bd">
            <div id="playlist2" class="tab-pane fade in clearfix active">
              <p class="text-muted col-pd">
                影片采用了外挂字幕，如看不到字幕，请换用Edge、Chrome或Firefox浏览器播放
              </p>
              <ul class="myui-content__list sort-list clearfix" style="max-height: 600px; overflow: auto;">
                #for(dy:dylist)
                <li id="00" class="col-md-8 col-sm-6 col-xs-4"><a title="第#(for.index+1)集" href="javascript:play_init('#(dy)')" target="_self" class="btn btn-gray">第#(for.index+1)集</a></li>
                #end
              </ul>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>
</body>
</html>
